<?php use_javascript('jquery-1.7.1.min.js') ?>
<html>
    <head>
        <script type="text/javascript">
            $(document).ready(function()
            {
                $(".edit_tr").click(function()
                {
                    var ID=$(this).attr('id');
                    $("#first_"+ID).hide();
                    $("#last_"+ID).hide();
                    $("#first_input_"+ID).show();
                    $("#last_input_"+ID).show();
                }).change(function()
                {
                    var ID=$(this).attr('id');
                    var first=$("#first_input_"+ID).val();
                    var last=$("#last_input_"+ID).val();
                    var dataString = 'id='+ ID +'&firstname='+first+'&lastname='+last;
                    
                    

                    if(first.length && last.length>0)
                    {
                        $.ajax({
                            type: "POST",
                            url: "<?php echo url_for('techos/graba?id=ID&firstname=first&lastname=last'); ?>",
                            data: dataString,
                            cache: false,
                            success: function(html)
                            {

                                $("#first_"+ID).html(first);
                                $("#last_"+ID).html(last);
                            }
                        });
                    }
                    else
                    {
                        alert('Enter something.');
                    }
                    $("#first_"+ID).html('<?php echo image_tag('load.gif') ?>');
                    $("#last_"+ID).html('<?php echo image_tag('load.gif') ?>');
                    $("#first_"+ID).html(first);
                    $("#last_"+ID).html(last);
                    

                });

                $(".editbox").mouseup(function() 
                {
                    return false
                });

                $(document).mouseup(function()
                {
                    $(".editbox").hide();
                    $(".text").show();
                });

            });
        </script>
        <style>
            body
            {
                font-family:Arial, Helvetica, sans-serif;
                font-size:14px;
            }
            .editbox
            {
                display:none
            }
            td
            {
                padding:7px;
            }
            .editbox
            {
                font-size:14px;
                width:270px;
                background-color:#ffffcc;

                border:solid 1px #000;
                padding:4px;
            }
            .edit_tr:hover
            {
                background: url(../images/edit.png) right no-repeat #e2f0f5;
                cursor:pointer;
            }


            th
            {
                font-weight:bold;
                text-align:left;
                padding:4px;
            }
            .head
            {
                background-color:#333;
                color:#FFFFFF

            }

        </style>

    </head>

    <div id="titulos" align="center"><h1>PROYECTO</h1></div><br>
    <div align="center"><b><?php echo $proyecto->getNombre() ?></b></div>
    <br>
    <div id="tituloslistas" align="center"><h1>Lista de Rubros</h1></div><br>

    <div id="cajaprincipalproyecto" align="center"><br>
        <div id="fondos" align="center"><br>
            <table border="1" align="center" id="contextual" class="table">
                <thead>
                    <tr id="filascolor">

                        <th>Nombre</th>
                        <th>Porcentaje</th>
                        <th colspan="2">Opciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($techoss as $techos): ?>
                        <tr>                
                            <td id="<?php echo $techos->getIdTp(); ?>"  class="edit_tr">
                                <span id="first_<?php echo $techos->getIdTp() ?>" class="text"><?php echo $techos->getNombre() ?></span>                                        
                                <textarea  rows="1" cols="50"   class="editbox" id="first_input_<?php echo $techos->getIdTp(); ?>"><?php echo $techos->getNombre() ?></textarea>
                            </td>                          

                            <td id="<?php echo $techos->getIdTp(); ?>"  class="edit_tr">
                                <span id="last_<?php echo $techos->getIdTp();; ?>" class="text"><?php echo $techos->getPorcentaje() ?></span>                                         
                                <textarea  rows="1" cols="30"   class="editbox" id="last_input_<?php echo $techos->getIdTp(); ?>"><?php echo $techos->getPorcentaje() ?></textarea>
                            </td>              

                            <td id="contextual"><a href="<?php echo url_for('descripcionesgenerales/index?id_tp=' . $techos->getIdTp().'&id_pro='.$proyecto->getIdPro()) ?>"><div class="button button-black"><span><div class="spriteseditcontenidoobj" id="Setting-icon_jpg" align="center"></div>Descripciones (Paso 5)</span></div></a></td>
                            <td id="contextual"><div class="button button-green"><span><div class="spritesborrar" id="borrar_jpg" align="center"></div><?php echo link_to('Borrar', 'techos/delete?id_tp=' . $techos->getIdTp(), array('method' => 'delete', 'confirm' => 'Esta seguro de Eliminar?')) ?></span></div></td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
            <br>
        </div><br >

        <a href="<?php echo url_for('techos/new?id_pro=' . $proyecto->getIdPro()) ?>"><button class="buttonmediumauto button-red"><span><div id="imagenes" valign="middle"><div class="spritesnewsmall" id="newsmall_jpg" align="center"></div></div><div id="textobutton2">Nuevo Rubro(Paso 4 Requerimiento 1)</div></span></button></a>
        <a href="<?php echo url_for('objetivos/index?id_pro=' . $proyecto->getIdPro()) ?>"><button class="buttonmedium button-green"><span><div id="imagenes" valign="middle"><div class="spritesatrasmall" id="atrasmall_jpg" align="center"></div></div><div id="textobutton2">Ir a Objetivos</div></span></button></a>


    </div>
</html>